<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Index</title>
<link href="css/base.css" rel="stylesheet" type="text/css" />
<link href="css/backheadfoot.css" rel="stylesheet" type="text/css" />
<link href="css/backcommon.css" rel="stylesheet" type="text/css" />
<link href="css/back-order.css" rel="stylesheet" type="text/css" />
</head>
<body>
	<div class="warp warp-supplier">
    	 <div class="backhead">
         	 <a href="#" class="logo"><img src="images/logo.png" alt="" /></a>
             <ul class="nav">
             	 <li><a href="#"><span>首页</span></a></li>
                 <li><a href="#"><span>账号管理</span></a></li>
                 <li><a href="#"><span>企业设置</span></a></li>
                 <li><a href="#"><span>我的消息<i>9</i></span></a></li>
             </ul>
             <div class="user">
             	<a href="#" class="des">
                	<span class="pic"><img src="images/temppic1.jpg" alt="" /></span>
                    张吃饭
                    <i></i>
                </a>
                <dl>
                	<dd><a href="#" class="icon-help">帮助中心</a></dd>
                    <dd><a href="#" class="icon-out">退出</a></dd>
                </dl>
             </div>
             <div class="company">江苏学则智能科技有限公司 <a href="#">切换至采购商</a></div>
         </div>
         
         <div class="backcontent">
            <div class="back-main back-main-view">
            	<div class="inner">
      				<div class="alltitle">订单详情</div>
                    <div class="backTab shortTab">
                     	<ul>
                        	<li class="on">第一批</li>
                            <li>第二批</li>
                            <li>第三批</li>
                        </ul>
                     </div>
                     <div class="clear"></div>
                    <div class="orderpayInfo">
                    	<h4>项目信息</h4>
                        <div class="cont">
                        	<table>
                            	<tbody>
                                	<tr>
                                    	<td>项目名称：<a href="#">某学校楼宇智能系统</a></td>
                                        <td>报价截止时间：2016-08-09 </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="dataTable orderTable">
                    	<h3>发货清单</h3>
                    	<table>
                        	<tbody>
                            	<tr>
                                	<th colspan="6"><div class="alltd">下单时间：2016-01-22 10:19:08　　订单号：11960224147 &nbsp; &nbsp; &nbsp;   <div class="cname">卖家：江苏学则智能科技有限公司
                                    </div></div></th>
                                </tr>
                                <tr class="tdtitle">
                                	<td width="35%"><p class="name font14">商品名称</p></td>
                                    <td width="13%">品牌</td>
                                    <td width="13%">型号</td>
                                    <td width="13%">单价</td>
                                    <td width="13%">数量</td>
                                    <td width="13%">小计</td>
                                </tr>
                                <tr>
                                	<td><p class="name"><a href="#">30万像素红外一体网络摄像机 网络型 一体机 SN1715-CIL /DCW65寸三星/LG/DID液晶监视器/显示器</a></p></td>
                                    <td>海康威视</td>
                                    <td>海康UYIP-12</td>
                                    <td>￥230.00</td>
                                    <td>5.o</td>
                                    <td><b class="orange">￥4000.00</b></td>
                                </tr>
                                <tr>
                                	<td><p class="name"><a href="#">30万像素红外一体网络摄像机 网络型 一体机 SN1715-CIL /DCW65寸三星/LG/DID液晶监视器/显示器</a></p></td>
                                    <td>海康威视</td>
                                    <td>海康UYIP-12</td>
                                    <td>￥230.00</td>
                                    <td>5.o</td>
                                    <td><b class="orange">￥4000.00</b></td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="orderviewDetail orderviewDetail2">
                    	<div class="msgcont">留言内容：调用留言内留言内留言内留言内留言内留言内留言内留言内留言内留言内留言内容.....</div>
                    </div>
                    <div class="orderpayInfo logisticsCh">
                    	<h4>选择物流</h4>
                        <div class="cont">
                        	<div class="logtabtitle"><a href="#" class="on">物流配送<span></span></a><a href="#">车辆配载<span></span></a><a href="#">自提<span></span></a></div>
                            <div class="logtabcont">
                            	<div class="ilogtabcont">
                                	<ul>
                                    	<li>
                                        	<label>快递公司：</label>
                                            <div class="inputfile"><select><option>华宇物流</option></select></div>
                                        </li>
                                        <li>
                                        	<label>运单号：</label>
                                            <div class="inputfile"><input type="text" placeholder="请输入运单号" /> <span><i></i>格式有误，请重新输入</span></div>
                                        </li>
                                        <li>
                                        	<label>&nbsp; </label>
                                            <div class="inputfile"><a href="#" class="abtn">确认发货</a></div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="ilogtabcont" style="display:none">
                                	<ul>
                                    	<li>
                                        	<label>车牌号：</label>
                                            <div class="inputfile"><input type="text" placeholder="请输入车牌号" /></div>
                                        </li>
                                        <li>
                                        	<label>配送人：</label>
                                            <div class="inputfile"><input type="text" placeholder="请输入配送人" /> </div>
                                        </li>
                                        <li>
                                        	<label>手机号：</label>
                                            <div class="inputfile"><input type="text" placeholder="请输入手机号" /> </div>
                                        </li>
                                        <li>
                                        	<label>出发日期：</label>
                                            <div class="inputfile"><input type="text" placeholder="请输入出发日期" /> </div>
                                        </li>
                                        <li>
                                        	<label>&nbsp; </label>
                                            <div class="inputfile"><a href="#" class="abtn">确认发货</a></div>
                                        </li>
                                    </ul>
                                </div>
                                <div class="ilogtabcont" style="display:none">
                                	<ul>
                                    	<li>
                                        	<label>提货地点：</label>
                                            <div class="inputfile"><input type="text" placeholder="请输入提货地点" /></div>
                                        </li>
                                        <li>
                                        	<label>联系人：</label>
                                            <div class="inputfile"><input type="text" placeholder="请输入联系人" /> </div>
                                        </li>
                                        <li>
                                        	<label>手机号：</label>
                                            <div class="inputfile"><input type="text" placeholder="请输入手机号" /> </div>
                                        </li>
                                        <li>
                                        	<label>&nbsp; </label>
                                            <div class="inputfile"><a href="#" class="abtn">确认发货</a></div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="orderpayInfo addressInfobox">
                    	<h4>收货信息</h4>
                        <div class="cont">
                        	<table>
                            	<tbody>
                                	<tr>
                                    	<td><span class="gray">姓名：</span>王军 </td>
                                    </tr>
                                    <tr>
                                    	<td><span class="gray">收货信息：</span>黑龙江省哈尔滨市市辖区法国的发斯蒂芬斯蒂芬丰富哈哈 夏目酱酱酱 18561526307  </td>
                                    </tr>
                                    <tr>
                                    	<td><span class="gray">联系电话：</span>15005153819 </td>
                                    </tr>
                                    <tr>
                                    	<td><a href="#">修改收货地址</a></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="orderpayInfo">
                    	<h4>支付信息</h4>
                        <div class="cont">
                        	<table>
                            	<tbody>
                                	<tr>
                                    	<td><b>第一批：</b>应付金额：¥7788.00</td>
                                        <td>安装币抵扣：¥45.00</td>
                                        <td>实付金额：¥145.00</td>
                                        <td>支付方式：浙商支付</td>
                                    </tr>
                                    <tr>
                                    	<td colspan="5"><p class="surplus"><b>剩余金额：</b><span class="orange">¥5555.00</span></p></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="orderpayInfo">
                    	<h4>发货信息</h4>
                        <div class="cont">
                        	<table>
                            	<tbody>
                                	<tr>
                                    	<td width="22%"><b>第一批：</b>应付金额：¥7788.00</td>
                                        <td width="22%">请货时间：2016-08-09  16:34</td>
                                        <td width="22%">已发货金额：¥566.00</td>
                                        <td width="22%">发货时间：2016-08-09  16:34</td>
                                        <td width="12%"><a href="#">查看详情</a></td>
                                    </tr>
                                </tbody>
                            </table>
                            <div class="line">
                            <table>
                            	<tbody>
                                	<tr>
                                    	<td width="22%"><b>第二批：</b>应付金额：¥7788.00</td>
                                        <td width="22%">请货时间：2016-08-09  16:34</td>
                                        <td width="22%">已发货金额：未发货</td>
                                        <td width="22%">&nbsp;</td>
                                        <td width="12%"><a href="#">查看详情</a></td>
                                    </tr>
                                    <tr>
                                    	<td colspan="5"><p class="surplus"><b>剩余金额：</b><span class="orange">¥5555.00</span> </p></td>
                                    </tr>
                                </tbody>
                            </table>
                            </div>
                        </div>
                    </div>
                    
                    
                </div>
            </div>
         </div>
         
         <div class="backfoot pd0">
         	<div class="inner">
            	<div><a href="#">服务条款</a> | <a href="#">关于我们</a> | <a href="#">联系我们</a> | <a href="#">帮助中心</a> | <a href="#">加入我们</a> </div>
                <p>沪ICP备15024004号-1 © 2015-2016 azt365.com 版权所有</p>
            </div>
         </div>
         
         
         <!--修改收货地址 -->
         <div class="tanbox tanEditAddress" style="display:none">
         	<div class="tanbg"></div>
            <div class="box">
            	<div class="title"><span class="closed"></span>修改收货地址</div>
                <div class="cont">
                	<ul>
                    	<li class="errorli">
                        	<label>收货人：</label>
                            <div class="inputfile">
                            	<input type="text" value="王雅琪"  class="input" /> <span class="error"><i></i>请填写收货人</span>
                            </div>
                        </li>
                        <li class="errorli">
                        	<label>所在地区：</label>
                            <div class="inputfile">
                            	<div class="d1"><select><option>请选择省/直辖市</option></select> <select><option>请选择省/直辖市</option></select> <select class="last"><option>请选择省/直辖市</option></select> <span class="error"><i></i>请选择地区</span></div> 
                            	<div class="d2"><input type="text"  class="input" placeholder="详细地址" /> <span class="error"><i></i>请填写收货人</span></div>
                            </div>
                        </li>
                        <li class="errorli">
                        	<label>手机号码：</label>
                            <div class="inputfile">
                            	<input type="text"  class="input" placeholder="请填写常用手机号码" /> <span class="error"><i></i>请填写手机号</span>
                            </div>
                        </li>
                        <li>
                        	<label>固定电话：</label>
                            <div class="inputfile">
                            	<input type="text" class="input" placeholder="固定电话" />
                                <div class="ck"><input type="checkbox" /> 设为默认地址</div>
                            </div>
                        </li>
                        <li>
                        	<label>&nbsp;</label>
                            <div class="inputfile btn btn-left">
                            	<a href="#">保存收货人地址</a> <a href="#">取消</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
         </div>
         
         <!-- 题型 -->
         <div class="tanbox tanTip">
         	<div class="tanbg"></div>
            <div class="box">
            	<span class="closed"></span>
                <div class="cont">
                	<div class="des">
                    	<h4>提醒</h4>
                        <p>本次发货金额为<span class="orange">￥456.00</span>，大于买家付款金额<span class="orange">￥56.00</span>，是否确定发货？</p>
                    </div>
                    <div class="btn"><a href="#">确定</a><a href="#">取消</a></div>
                </div>
            </div>
         </div>
    </div>
<script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> 
<script type="text/javascript">
	$(function(){
		$('.logtabtitle a').click(function(){
			$(this).siblings().removeClass('on').end().addClass('on');
			$('.logisticsCh .ilogtabcont').hide().eq($(this).index()).show();
			return false;	
		})
		
		$('.tanbox .closed').click(function(){
			$(this).parents('.tanbox').hide();	
		})
	})
</script>
</body>
</html>
